<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<link rel="stylesheet" href="<?php echo $this->baseUrl() ?>/public/js/nivo_slider/css/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo $this->baseUrl() ?>/public/js/nivo_slider/css/nivo-slider.css" type="text/css" media="screen" />
<div class="drop-shadow">
    <div class="bigImg">
        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <?php foreach ($this->sliding_images as $sliding_image): ?>
                    <img src="<?php echo $this->baseUrl() . "/upload/$sliding_image->file"?>" data-thumb="<?php echo $this->baseUrl() . "/upload/$sliding_image->file"?>" alt="" title="<?php echo "#cation$sliding_image->id"?>"/>
                <?php endforeach; ?>
            </div>
            <?php foreach ($this->sliding_images as $sliding_image): ?>
                <?php if (!empty($sliding_image->caption)): ?>
                    <div id="<?php echo "cation$sliding_image->id"?>" class="nivo-html-caption">
                        <?php echo $sliding_image->caption ?>     
                    </div>
                <?php endif; ?>
            <?php endforeach; ?>
        </div>
    </div>
</div>
<script type="text/javascript" src="<?php echo $this->baseUrl() ?>/public/js/nivo_slider/nivo.slider.js"></script>
<script>
    var ports = <?php echo $this->ports ?>;
</script>

<script type="text/javascript" src='<?php echo $this->baseUrl() ?>/public/js/home.js'></script>